
function loadChart(containerId, xData, yData, type,title) {
	var width = $('.'+containerId).width() -10 ;
	var series = [ {
		name : '数量',
		data : yData,
		dataLabels: {
			enabled: true,
			allowOverlap:true,
			formatter: function(){
				if(yData[0] > 0 ){
					return this.y+'条';
				}else return '';
			},
		}
	}];
	var title = {
		text : title,
		align : 'center',
		style : {
			color : 'green'
		}
	};
	var xAxis = {
		categories : xData,
		alternateGridColor : '#fff',
		title : {
			text : ''
		},
		labels : { // X轴的标签（下面的说明）
			align : "bottom", // 位置
			formatter : function() {
				if (this.value.length > 15) {
					return this.value.substr(0, 15) + "...";
				} else {
					return this.value;
				}
			},
			y:70,
			x:-30
		}
	};
	var yAxis = {
		title : {
			text : '数量'
		},
		gridLineWidth : 1,
		allowDecimals : false
	};

	var tooltip = {
		backgroundColor : '#CCCCCC'
	};
	var legend = {
		// layout: 'vertical',
		align : 'center',
		verticalAlign : 'bottom',
		borderWidth : 0
	};

	var series = series;
	var chart = {
		borderColor : "#ccc",
		borderRadius : "10",
		borderWidth : "1",
		plotBackgroundColor : "rgb(245,245,245)",
		plotShadow : true,
		type : type,
		width:width,
		plotOptions : {
				bar: {
					dataLabels: {
						enabled: true,
						allowOverlap: true // 允许数据标签重叠
					}
				}
		}
	// showAxes: true
	};
	var loading = {
		labelStyle : {
			color : 'white'
		},
		style : {
			backgroundColor : 'gray'
		}
	};
	var colors = [ '#FFB6C1', '  #87CEEB', '#ED561B', '#DDDF00', '#24CBE5',
			'#64E572', '#FF9655', '#FFF263', '#6AF9C4' ];
	var exporting = {
		enabled : true
	};
	var noData = {
		style : {
			fontWeight : 'bold',
			fontSize : '15px',
			color : '#303030'
		}
	};
	var lang = {
		noData : '暂无数据',
		loading : '加载中...',
		downloadJPEG : '导出 JPEG',
		downloadPDF : '导出 PDF',
		downloadPNG : '导出 PNG',
		downloadSVG : '导出 SVG',
		printChart : '打印图表'
	}
	var credits = {
		enabled : true,
		position : {
			x : -10,
			y : -10
		},
		style : {
			"cursor" : "pointer",
			"color" : "#999999",
			"fontSize" : "10px"
		}
	}

	var json = {};
	json.chart = chart;
	json.title = title;
	json.xAxis = xAxis;
	json.yAxis = yAxis;
	json.tooltip = tooltip;
	json.legend = legend;
	json.series = series;
	json.loading = loading;
	json.borderWidth = 1;
	json.plotBorderWidth = 1;
	json.colors = colors;
	json.exporting = exporting;
	json.noData = noData;
	json.lang = lang;
	json.credits = credits;
	var myChart = $('.' + containerId).highcharts(json);
}